<template>
  <view class="opt-box">
    <view class="opt" v-for="(item, inx) in opts" :key="inx">
      <view>{{ item.label }}</view>
      <u-icon color="#AAAAAA" name="arrow-down-fill"></u-icon>
    </view>
  </view>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'opt',
  props: {
    opts: {
      type: Array,
      default: [],
    },
  },
  data() {
    return {
      cbStyle: {
        width: '70px',
      },
      icons: {
        submit: { icon: 'bell', color: '#398ade' }, //申请职位
        check: { icon: 'server-man', color: '#f9ae3d' }, //平台已确认
        success: { icon: 'checkmark-circle', color: '#53c21d' }, //录用
        fail: { icon: 'close-circle', color: '#f56c6c' }, //拒绝
      },
      cbStyle: {
        width: '72px',
        'margin-left': '8px',
      },
    }
  },
  computed: {},
  created() {},
  methods: {},
}
</script>
<style lang="scss" scoped>
.opt-box {
  padding: 10upx 0;
  position: relative;
  font-size: 28upx;
  margin-left: 5%;
  width: 90%;
  display: flex;
  color: #aaaaaa;
  justify-content: space-between;
  .opt {
    display: flex;
    align-content: center;
  }
}
</style>
